<template>
  <div class="about">
	  <div class="Top-content">
		  <div class="Top-icon1"><img src="../assets/icon1.png" alt=""></div>
		  <div><input type="text" placeholder="输入城市/游玩/景点/旅游" /></div>
		  <div class="Top-icon2">
			  北京
			  <img src="../assets/icon2.png" alt="">
		  </div>
	  </div>
	  <div>
		  <van-swipe class="my-swipe" :autoplay="3000" indicator-color="white">
			  <van-swipe-item><img class="swiper-img" src="http://mp-piao-admincp.qunarzz.com/mp_piao_admin_mp_piao_admin/admin/201912/0b26e9760c2673c63c05e1efce1275ea.jpg_750x200_495c0a72.jpg" ></van-swipe-item>
			  <van-swipe-item><img class="swiper-img" src="http://mp-piao-admincp.qunarzz.com/mp_piao_admin_mp_piao_admin/admin/201912/0b26e9760c2673c63c05e1efce1275ea.jpg_750x200_495c0a72.jpg" ></van-swipe-item>
		  </van-swipe>
	  </div>
  </div>
</template>
<script>
export default {}
</script>
<style lang="scss" scoped>
	.my-swipe .van-swipe-item {
		color: #fff;
		font-size: 20px;
		text-align: center;
		img{
			width: 100%;
			height: 160px;
		}
	}
	.Top-content{
		height: 50px;
		width: 100%;
		background: #00b3c0;
		display: flex;
		justify-content: space-around;
		align-items: center;
	}
	.Top-icon1{
		img{
			width: 20px;
			height: 20px;
			/*color: white;*/
		}
		input{
			height: 50px;
		}
	}
	.Top-icon2{
		img{
			width: 20px;
			height: 20px;
			vertical-align: middle;
		}
	}
</style>
